<template>
    <div>
        <p class="color" @click="show">这是通过读取.vue文件,用vue-loader将vue文件数据转成js文件，用render属性渲染出来的组件----{{msg}}</p>
        <mt-button type="default">default</mt-button>
        <mt-button type="primary" @click="show">primary</mt-button>
        <mt-button type="danger">danger</mt-button>
        <button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">
            高贵
        </button>
    </div>
</template>

<script>
// 按需导入Toast组件
import { Toast } from 'mint-ui'
import { Indicator } from 'mint-ui'
export default { // ES6使用export default和export向外暴露成员，每个模块中只允许export default 向外暴露一次
    data(){
        return {
            msg: '123'
        }
    },
    methods:{
        show(){
           Toast({
               
                message: '操作成功',
                duration:-1,
                iconClass: 'glyphicon glyphicon-heart' // bootstrap 的图标组件 是3版本才有的。。。。。。。。。。。。。
            });
        },
    }
}
</script>

<style> 
.mint-toast i{
    color: red;
}
</style>

